<template>
  <div class="vote-rules">
    <TitleBar title="投票规则"></TitleBar>
    <div class="vote-rules-line border-bottom-1px"></div>
    <ul class="rules-list">
      <li>
        1、有效投票时间：每天7：00~0：00；
      </li>
      <li>
        2、不同的行业投票规则分为：每位用户30分钟/60分钟/1天/周期内可投一票。
      </li>
      <li>
        3、严禁违规投票，一经发现，将对投票数据异常的品牌采取扣票，情节严重将永久取消投票资格。
      </li>
    </ul>
    <div class="punishment">
      <h1>
        关于恶意软件刷票的情况说明：
      </h1>
      <p>为杜绝此类不正当行为，品牌中网将严查软件刷票行为，并对购买或利用软件刷票企业予以减票处罚，情节严重者，将取消评选资格。网站不会以长票、包名次、刷票等违规手段跟企业联系，也请企业对恶意刷票人员做到不听、不信不汇款！避免造成不必要的损失，保持一个公平、公正的投票环境。</p>
    </div>
    <div class="rules-btn-box" v-if="isWeiXin">
      <button type="button" class="btn" @click="goToFeedback">我要举报</button>
    </div>
  </div>
</template>

<script>
import TitleBar from '../../components/TitleBar'
export default {
  components: {
    TitleBar
  },
  data() {
    return {
      isWeiXin: false
    }
  },
  created() {
    this.isWeiXin = this.$getDeviceInfo().isWeiXin && this.$getDeviceInfo().isPhone
    window.sessionStorage.removeItem('replaced')
  },
  methods: {
    goToFeedback() {
      this.$router.replace('/feedBack?catid=' + this.$route.params.catid + '&from=voteRules' + '&formPath=' + this.$route.path)
    }
  }
}
</script>

<style scoped lang="scss">
.vote-rules {
  background: #f6f6f6;
  min-height: 100vh;
}
.vote-rules-line {
  margin: 0 0.3rem;
}
.rules-list {
  width: 100%;
  padding: 0.4rem 0.3rem 0.4rem 0.3rem;
  background-color: #fff;
  font-size: 0.28rem;
  color: #444;
  li {
    margin-bottom: 0.3rem;
    line-height: 0.4rem;
  }
}
.punishment {
  padding: 0.4rem 0.3rem;
  h1 {
    font-size: 0.3rem;
    color: #333;
  }
  p {
    margin-top: 0.4rem;
    font-size: 0.28rem;
    color: #666;
    line-height: 0.5rem;
  }
}
.rules-btn-box {
  width: 100%;
  padding: 0 0.3rem;
  position: fixed;
  left: 0;
  bottom: 0.3rem;
  .btn {
    width: 100%;
    height: 0.82rem;
    line-height: 0.82rem;
    background-color: #dcc459;
    border-radius: 0.1rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.05rem 0 #dcc459;
  }
}
</style>
